@extends('home.pblic.publichead')
@section('content')
<div id="wrapper">
       
<div id="content">

<div id="db-usr-profile">
<div class="pic">

    <a href="#">
        <img src="/Images/u152231119-2.jpg" alt="花语" height="48" width="48">
    </a>
</div>
<div class="info">
        <h1>我的相册</h1>
        
    <ul>
          <li><a href="{{url('/home')}}">我的主页</a></li>
          <li><a href="#">广播</a></li>
          <li><a href="{{url('/home/photo/listp')}}">相册</a></li>
          <li><a href="#">日记</a></li>
          <li><a href="#">喜欢</a></li>
          <li><a href="#">豆列</a></li>
    </ul>

</div>
</div>

    <div class="clear"></div>

    <div class="grid-16-8 clearfix">
        
        
        <div class="article">
<div class="wr" style="float:left;">
@foreach($data as $k=>$v)             
    @foreach($dt as $kk=>$vv)             
      
<div class="albumlst">
    
    <a class="album_photo" href="#">
        <img class="album" src="{{$vv->path}}">
    </a>
    <div class="albumlst_r">
        <div class="pl2">
            <a href="#">{{$v->pname}}</a>
        </div>
        <div class="albumlst_descri"></div>
        
        <span class="pl">
            {{$v->num}}张照片&nbsp;
            {{$vv->ptime}}更新<br>
        </span>
    </div>
    <br>
</div>
    @endforeach       
@endforeach       
    </div>
        </div>


        <div class="aside">
                
<span class="btn-pic-upload"><a class="lnk-create" href="{{url('/home/photo/tadd')}}"><i>+</i>发照片</a></span>
<span class="btn-pic-upload"><a class="lnk-create lnk-create-album" href="#"><i>+</i>新建相册</a></span>


<br><br>

<script>
    $(document).ready(function(){
    var tag_box = $('.author-tags.album-tag-container'),
        a_more_tag = tag_box.parent().find('h2 .pl'),
        people_tags = tag_box.find('.people_tags'),
        people_tags_more = tag_box.find('.people_tags_more');

    a_more_tag.hide();

    people_tags_more.find('span').each(function(i, tag) {
        tag = $(tag);
        tag.appendTo(people_tags);
        if (people_tags.height() > 152) {
            people_tags_more.prepend(tag);
            a_more_tag.show();
            return false;
        }
    });
    tag_box.addClass('visible');
    a_more_tag.click(function(e) {
        e.preventDefault();
        people_tags_more.show();
        a_more_tag.hide();
    });
});
</script>


<script>
    $(document).ready(function(){
    var tag_box = $('.author-tags.photo-tag-container'),
        a_more_tag = tag_box.parent().find('h2 .pl'),
        people_tags = tag_box.find('.people_tags'),
        people_tags_more = tag_box.find('.people_tags_more');

    a_more_tag.hide();

    people_tags_more.find('span').each(function(i, tag) {
        tag = $(tag);
        tag.appendTo(people_tags);
        if (people_tags.height() > 152) {
            people_tags_more.prepend(tag);
            a_more_tag.show();
            return false;
        }
    });
    tag_box.addClass('visible');
    a_more_tag.click(function(e) {
        e.preventDefault();
        people_tags_more.show();
        a_more_tag.hide();
    });
});
</script>


<div class="mod">
  
  
    <h2>
        我的照片标签
            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
            <span class="pl" style="display: none;">&nbsp;(
                
                    <a href="#" target="_self">全部</a>
                ) </span>
    </h2>

  <div class="author-tags photo-tag-container visible">
    <div class="people_tags">
          
          <a href="#" class="">娱乐 1</a>
          
          <a href="#" class="">动漫 1</a>
    </div>
    <div class="people_tags_more">
    </div>
  </div>
</div>

<div class="mod">
<h2>最新回应 &nbsp; ·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;
        </h2>
    <ul class="mbt">
        <li class="mbtl"><a href="#"><img src="/Images/u152231119-2.jpg"></a></li>
        <li class="mbtrdot"><a href="#">花语 : css呢?要不要玩啦</a><span class="pl">  10-13 14:29</span></li>
        <li class="mbtl"></li>
        <li class="mbtrdot"><a href="/photos/photo/2388930121/#c-146826411">花语 : 这个网页怎么写</a><span class="pl">  10-13 14:28</span></li>
    </ul>
</div>
        </div>
        <div class="extra">
            
        </div>
    </div>
@endsection